﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <!-- Title -->
    <title>About page</title>

    <!-- ================================================================
        ***Favicon***
    ================================================================= -->

    <link rel="shortcut icon" type="image/png" href="images/fevicon.png">

    <!-- ================================================================
        ***CSS File***
    ================================================================= -->
    <!-- ================= *** Google Font-Poppins *** ======================= -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">

    <!-- ================= *** Animate CSS *** ======================= -->
    <link href="css/animate.min.css" rel="stylesheet" type="text/css">

    <!-- ================= *** Bootstrap CSS *** ===================== -->
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">

    <!-- ================= *** Font-awesome CSS *** ================== -->
    <link href="css/hover-min.css" rel="stylesheet" type="text/css">

    <!-- ================= *** icofont CSS *** ======================= -->
    <link href="css/icofont.css" rel="stylesheet" type="text/css">

    <!-- ================= *** Owl Carousel CSS *** ================== -->
    <link href="css/owl.carousel.css" rel="stylesheet" type="text/css">

    <!-- ================= *** Main CSS *** ========================== -->

    <link href="css/custom/style.css" rel="stylesheet" type="text/css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="about">

     


    <div id="preloader">
        <div class="preloader_spinner"></div>
    </div>
    <!-- preloader end -->
<!-- ==========================================================
    1.*Header_area start
============================================================ -->
    <header>
        <div class="romana_header_top">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-xs-6">
                        <div class="romana_header_top_left">
                            <ul class="lang">
                                <li data-code="bn">bengali</li>
                                <li data-code="ar">aribic</li>
                                <li data-code="da">dansk</li>
                            </ul>
                            <div class="language_option"><span class="">english</span><i class="icofont icofont-caret-down"></i> </div>
                            <a href="#" class="hidden-xs"><i class="icofont icofont-phone"></i>+22 666-888-999</a>
                        </div>
                    </div>
                    <!-- column End -->
                    <!-- column End -->
                    <div class="col-md-2 col-xs-6 col-md-offset-7">
                        <div class="romana_header_top_right hidden-xs">
                            <ul>
                                <li><a href="#"><i class="icofont icofont-social-pinterest"></i></a></li>
                                <li><a href="#"><i class="icofont icofont-social-google-plus"></i></a></li>
                                <li><a href="#"><i class="icofont icofont-social-twitter"></i></a></li>
                                <li><a href="#"><i class="icofont icofont-social-skype"></i></a></li>
                                <li><a href="#"><i class="icofont icofont-social-facebook"></i></a></li>
                            </ul>
                        </div>
                        <div class="romana_client_btn  romana_client_btn_small hidden-sm hidden-md hidden-lg">
                            <a href="#"><i class="icofont icofont-user-alt-3"></i>Client Area</a>
                            <div class="romana_client_log_in">
                                <form action="#" class="romana_client_log_in_after">
                                    <input type="text" name="clientEmail" placeholder="Email here">
                                    <input type="text" name="clientPass" placeholder="password">
                                    <input type="submit" value="Login">
                                    <p> or <a href="registration.html">registration</a></p>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- column End -->
                </div>
                <!-- row End -->
            </div>
            <!-- container End -->
        </div>
        <!-- Header-Top End -->
        <div class="romana_header_bottom">
            <div class="container">
                <div class="row">
                    <div class="col-sm-2 col-xs-6">
                        <div class="romana_logo">
                            <a href="index.html"><img src="images/logo.png" alt=""></a>
                        </div>
                    </div>
                    <!-- column End -->
                    <div class="col-sm-8">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span class="sr-only"></span>
                                <i class="icofont icofont-navigation-menu"></i>
                            </button>
                        </div>
                        <nav id="navbar" class="navbar-collapse collapse">
                            <ul class="nav navbar-nav">
                                <li><a href="index.html">Home</a></li>
                                <li><a href="about.html">about</a></li>
                                <li><a href="hosting.html">hosting</a></li>
                                <li><a href="domain-search.html">domain</a></li>
                                <li><a href="service.html">service</a></li>
                                <li><a href="blog.html">blog</a></li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>
                            <!-- mega-menu End -->
                        </nav>
                        <!-- nav End -->
                    </div>
                    <!-- column End -->
                    <div class="col-sm-2">
                        <div class="romana_client_btn hidden-xs">
                            <a href="#" class="hvr-bounce-to-right"><i class="icofont icofont-user-alt-3"></i>Client Area</a>
                        </div>
                        <div class="romana_client_log_in">
                            <form action="#" class="romana_client_log_in_after">
                                <input type="text" name="clientEmail" placeholder="Email here">
                                <input type="text" name="clientPass" placeholder="password">
                                <input type="submit" value="Login">
                                <p> or <a href="registration.html">registration</a></p>
                            </form>
                        </div>
                    </div>
                    <!-- column End -->
                </div>
                <!-- row End -->
            </div>
            <!-- container End -->
        </div>
        <!-- Header Bottom End -->
    </header>
    <!-- Header End -->
<!-- ==========================================================
2.*Hero_area start
============================================================ -->
    <div class="romana_allPage_area">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="romana_allPage_text text-center">
                        <h1>About webhost</h1>
                        <ol class="breadcrumb hvr-shutter-out-horizontal">
                            <li><a href="index.html">Home</a><span></span></li>
                            <li><a href="#">about</a></li>
                        </ol>
                    </div>
                </div>
                <!-- column End -->
            </div>
            <!-- row End -->
        </div>
        <!-- container End -->
    </div>
<!-- ==========================================================
3.*romana_awesome_service_area start
============================================================ -->
    <div class="romana_welcome_webhost_area romana_section_padding">
        <div class="container">
            <div class="row ">
                <div class="col-sm-6">
                    <div class="romana_welcome_img">
                        <a href="#"><img src="images/welcome_img.jpg" alt=""></a>
                    </div>
                </div>
                <!-- column End -->
                <div class="col-sm-6">
                    <div class="romana_welcome_text">
                        <h2>Welcome to Webhost</h2>
                        <p class="romana_margin_bottom30">Duis autem vel eum mriure dolor in hendrerit vulputate esse molestiec nsequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accum sanet usto odio dignissim qui blandit praesent luptatum augue duis dore te feugait nulla facilisi.</p>
                        <p>Duis autem vel eum mriure dolor in hendrerit in vulputate velit esse molestiec usto odio dignissim qui blandit praesent luptatum augue duis dore te feugait nulla facilisi.</p>
                    </div>
                </div>
                <!-- column End -->
            </div>
            <!-- row End -->
        </div>
        <!-- container End -->
    </div>
<!-- ==========================================================
4.*romana_hosting_plan_area start
============================================================ -->
    <div class="romana_hosting_plan_area2 romana_section_padding_bottom">
        <div class="container">
            <div class="row ">
                <div class="col-xs-12">
                    <div class="romana_section_title text-center">
                        <h2>Choose Hosting Plans</h2>
                        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse</p>
                    </div>
                </div>
                <!-- column End -->
            </div>
            <!-- row End -->
            <div class="row ">
                <div class="col-sm-4 col-xs-12">
                    <div class="romana_single_plan text-center">
                        <div class="romana_plan_icon hvr-grow">
                            <a href="#"><img src="images/plan_icon1.png" alt="icon"></a>
                        </div>
                        <h3>Web Hosting</h3>
                        <p>Duis autem vel eum iriure dolor in henshe vulputate velit esse molestie andnse</p>
                        <div class="romana_plan_btn">
                            <a href="#" class="hvr-bounce-to-right">read more</a>
                        </div>
                    </div>
                </div>
                <!-- column End -->
                <div class="col-sm-4 col-xs-12">
                    <div class="romana_single_plan text-center">
                        <div class="romana_plan_icon hvr-grow">
                            <a href="#"><img src="images/plan_icon2.png" alt="icon"></a>
                        </div>
                        <h3>Reseller Hosting</h3>
                        <p>Duis autem vel eum iriure dolor in henshe vulputate velit esse molestie andnse</p>
                        <div class="romana_plan_btn">
                            <a href="#" class="hvr-bounce-to-right">read more</a>
                        </div>
                    </div>
                </div>
                <!-- column End -->
                <div class="col-sm-4 col-xs-12">
                    <div class="romana_single_plan text-center">
                        <div class="romana_plan_icon hvr-grow">
                            <a href="#"><img src="images/plan_icon3.png" alt="icon"></a>
                        </div>
                        <h3>Cloud Hosting</h3>
                        <p>Duis autem vel eum iriure dolor in henshe vulputate velit esse molestie andnse</p>
                        <div class="romana_plan_btn">
                            <a href="#" class="hvr-bounce-to-right">read more</a>
                        </div>
                    </div>
                </div>
                <!-- column End -->
            </div>
            <!-- row End -->
        </div>
        <!-- container End -->
    </div>
<!-- ==========================================================
5.*Client_area start
============================================================ -->
    <div class="romana_client_area romana_section_padding_bottom">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="romana_section_title text-center">
                        <h2>Our Happy Customer</h2>
                        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse</p>
                    </div>
                </div>
                <!-- column End -->
            </div>
            <!-- row End -->
            <div class="row ">
                <div class="col-xs-12">
                    <div class="romana_team_crsl">
                        <div class="romana_single_client_text_img text-center">
                            <div class="romana_client_img">
                                <img src="images/team_img1.jpg" alt="">
                            </div>
                            <div class="romana_single_client_text">
                                <div class="romana_client_title">
                                    <h3>romana nasrin</h3>
                                    <p>Webhost Lead</p>
                                </div>
                                <p>Duis autem vel eum iriure dol esse mole at vero eros. </p>
                            </div>
                        </div>
                        <!-- romana_single_client_text End -->
                        <div class="romana_single_client_text_img text-center">
                            <div class="romana_client_img">
                                <img src="images/team_img2.jpg" alt="">
                            </div>
                            <div class="romana_single_client_text">
                                <div class="romana_client_title">
                                    <h3>Nazib Rafe Duke</h3>
                                    <p>Webhost Lead</p>
                                </div>
                                <p>Duis autem vel eum iriure dol esse mole at vero eros. </p>
                            </div>
                        </div>
                        <!-- romana_single_client_text End -->
                        <div class="romana_single_client_text_img text-center">
                            <div class="romana_client_img">
                                <img src="images/team_img3.jpg" alt="">
                            </div>
                            <div class="romana_single_client_text">
                                <div class="romana_client_title">
                                    <h3>romana nasrin</h3>
                                    <p>Webhost Lead</p>
                                </div>
                                <p>Duis autem vel eum iriure dol esse mole at vero eros. </p>
                            </div>
                        </div>
                        <!-- romana_single_client_text End -->
                        <div class="romana_single_client_text_img text-center">
                            <div class="romana_client_img">
                                <img src="images/team_img4.jpg" alt="">
                            </div>
                            <div class="romana_single_client_text">
                                <div class="romana_client_title">
                                    <h3>Mehedi Hasan</h3>
                                    <p>Webhost Lead</p>
                                </div>
                                <p>Duis autem vel eum iriure dol esse mole at vero eros. </p>
                            </div>
                        </div>
                        <!-- romana_single_client_text End -->
                    </div>
                </div>
                <!-- column End -->
                <!-- row End -->
            </div>
            <!-- container End -->
        </div>
    </div>
<!-- ==================================================
6.*Footer_area start
=================================================== -->
    <footer class="romana_footer_area">
        <div class="romana_footer_top">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 col-sm-3">
                        <div class="footer_left_text footer_menu footer_border_right">
                            <div class="footer_logo">
                                <a href="#"><img src="images/footer_logo.png" alt="logo"></a>
                            </div>
                            <p>Duis autem vel eum iriure dolores in hendrerit in vulputate velit esse autem vel eum iriure dolore.</p>
                        </div>
                    </div>
                    <!-- column End -->
                    <div class="col-sm-3">
                        <div class="footer_menu footer_border_right footer_padding_left">
                            <h2>Hosting services</h2>
                            <ul>
                                <li><a href="#">Web Hosting</a></li>
                                <li><a href="#">cloud Hosting</a></li>
                                <li><a href="#">Shared Hosting</a></li>
                                <li><a href="#">Reseller Hosting</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- column End -->
                    <div class="col-sm-3">
                        <div class="footer_menu footer_border_right footer_padding_left">
                            <h2>Domain Names</h2>
                            <ul>
                                <li><a href="#">Transfer Your Domain</a></li>
                                <li><a href="#">Domain Marketplace</a></li>
                                <li><a href="#">Buy a Domain</a></li>
                                <li><a href="#">Premium Domain Names</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- column End -->
                    <div class="col-md-2 col-sm-3">
                        <div class="footer_menu footer_padding_left">
                            <h2>support</h2>
                            <ul>
                                <li><a href="#">Product Support</a></li>
                                <li><a href="#">contact us</a></li>
                                <li><a href="#">Knowladge Base</a></li>
                                <li><a href="#">Request a Quote</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- column End -->
                </div>
            </div>
        </div>
        <!-- footer_top End -->
        <div class="romana_footer_bottom">
            <div class="container">
                <div class="romana_footer_bottom_content text-center">
                    <div class="row">
                        <div class="col-md-4 col-sm-6">
                            <p>Copyright &copy; 2017.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
                        </div>
                        
                        <!-- column End -->
                    </div>
                    <!-- row End -->
                </div>
                <!-- container End -->
            </div>
        </div>
        <!-- footer_bottom End -->
    </footer>
    <!-- ======================================================
    ***Js Files***
=========================================================== -->

    <!-- ================= Main Js ==================== -->
    <script src="js/jquery-3.1.0.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->

    <!-- ================= Bootstrap min Js =========== -->
    <script src="js/bootstrap.min.js"></script>

    <!-- ================= owl carousel min Js ======== -->
    <script src="js/owl.carousel.min.js"></script>

    <!-- ================= Active Js ================== -->
    <script src="js/active.js"></script>

</body>

</html>

